<template>
  <div id="app">
    <Index/>
  </div>
</template>

<script>
  import Index from "./views/Index";

  export default {
    name: "app",
    components: {
      Index
    },
    created() {
      // this.prohibit()
    },
    methods: {
      prohibit() {	// 禁用鼠标右击、F12
        document.oncontextmenu = function () {
          return false;
        };
        document.onkeydown = function (e) {
          if (e.ctrlKey && (e.keyCode === 65 || e.keyCode === 67 || e.keyCode === 73 || e.keyCode === 74 || e.keyCode === 80 || e.keyCode === 83 || e.keyCode === 85 || e.keyCode === 86 || e.keyCode === 117)) {
            return false;
          }
          if (e.keyCode === 18 || e.keyCode === 123) {
            return false
          }
        };
      },
    }
  }


</script>


<style>
  * {
    margin: 0;
    padding: 0;
  }

  #app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*text-align: center;*/
    color: #2c3e50;

  }

  #nav {
    padding: 30px;
  }

  #nav a {
    font-weight: bold;
    color: #2c3e50;
  }

  #nav a.router-link-exact-active {
    color: #42b983;
  }
</style>
